<template>
  <div class="base-sidebar">
    <ul class="sidebar">
      <li>1</li>
      <li>2</li>
      <li>2</li>
      <li>2</li>
      <li>2</li>
      <li>2</li>
      <li>2</li>
    </ul>
  </div>
</template>

<script>
  export default {
    name: 'base-sidebar',
    data () {
      return {
      }
    },
    methods: {
    }
  }
</script>

<style lang="scss" scoped>
  .base-sidebar {
    position: fixed;
    background-color: rgba(0,0,0,.5);
    top: 60px;
    bottom: 0;
    width: 100%;
    .sidebar{
      li{
        height: 50px;
        border-bottom: 1px solid #ccc;
      }
    }
  }
</style>
